CSS3实战 笔记7-渐变设计

gradient

  • type 定义渐变类型,linear(线性渐变) 或 radial(径向渐变)
  • point 定义渐变的起点和结束点,支持 数值、百分比、关键字等,例如 0,0 left,top。
  • [radius] 当定义径向渐变时,设置渐变的长度,参数为数值。
  • [stop] 定义渐变色和步长,包含三个类型值,开始的颜色使用 from(color value),结束的颜色使用 to(color value),颜色的步长使用 color-stop(value, color value)。

实战练习源码